<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">
            <header>
                <link rel="stylesheet" type="text/css" href="media/css/error_pages.css" />
                <script type='text/javascript' src='media/js/canvas.js'></script>

                <h2 class="title">Atlas - Erro 505</h2>
            </header>

            <div style="float: left">
                <canvas id="logoCanvas" width="440" height="380" > </canvas>
                <canvas id="fox" width="96" height="50" > </canvas>
                <canvas id="inline" width="150" height="50" > </canvas>
                <canvas id="tech" width="110" height="26" > </canvas>
            </div>

            <div style="float: right;">
                <h1 class="error">
                    Ocorreu um erro inesperado ! 
                </h1>
                <br/>
                <p class="errorDetail">
                    Contacte o administrador do sistema !
                </p>
            </div>

<!--            <div style="float: none; margin-left: 77%; margin-top: 8%;">
                <p:graphicImage value="/media/images/brasaophb.jpg"/>
            </div>-->
        </ui:define>
    </ui:composition>
</html>
